@charset 'utf-8';

*
{
	list-style:none;
	font:14px/16px 微软雅黑,宋体,Arial;
	margin:0;
	padding:0;
}

.clear
{
	clear:both;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

img
{
	border:none;
}

#container
{
	width:756px;
	height:960px;
}

.key
{
	width:756px;
	height:300px;
	overflow:hidden;
	padding:10px 0;
}

.key li
{
	width:100px;
	height:298px;
	float:left;
	border:1px solid #333;
	box-shadow:0 0 2px 1px #333;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	text-align:center;
	background-color:#eee;
	margin:0 3px;
}

.key li.down
{
	transform:rotateX(20deg);
	transform-origin:0 0 0;
}

.key li span
{
	display:inline-block;
	margin-top:80px;
}